 .px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.Home-top{
	.px2rem(height,90);
	width: 100%;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
	display: flex;
	align-items: center;
	justify-content: space-around; 
	text-align: center;
	position: fixed;
	top:0;
	z-index:100;
	.px2rem(font-size,30);
	.Home-left{
		 width:4em;
		 
	}
	.Home-center{
        flex:1; 
    }
     .Home-right{
        width:4em;
    }
    img{
    	.px2rem(width,50);
    	.px2rem(height,50);

    }
}
.photo-text{
	.px2rem(margin-top,90);
	.px2rem(height,185);
	.px2rem(line-height,180);
	text-align: center;
	h1{
		.px2rem(font-size,30);
		.px2rem(height,30);.px2rem(padding-bottom,10);
	}
	p{
		color: #979797;
		.px2rem(height,18);
	}
	
}
.photo-logo{
	display: flex;
	justify-content:space-between;
	img{
		.px2rem(padding-top,4);
		.px2rem(height,236);
		width: 32.9%;
	}
}
.photo-btn{
	.px2rem(height,125);
	.px2rem(line-height,125);
	text-align: center;
	span{
		display: inline-block;
		.px2rem(width,170);
		.px2rem(height,50);
		.px2rem(line-height,50);
		border: 1px solid #000;
		text-align: center;
	}
}
.photo-gerry{
	.px2rem(height,22);
	background: #ccc;
}
nav{
	ul{
		display: flex;
		justify-content:space-around;
		.px2rem(height,80);
			.px2rem(line-height,80);
		li{
			width:25%;
			text-align: center;
		}
	}
}
.Home-taba{
	.px2rem(margin-top,30);
	.px2rem(height,125);
	display: flex;
	text-align: center;
	align-items:center;
	justify-content:space-between;
	background: url("../../../static/img/tabone.png") left no-repeat;
	background-size:0.88rem 0.88rem;
	.px2rem(margin-left,30);
	.onespan{

		
		.px2rem(padding-left,85);
	}
	.twospan{
		.px2rem(height,45);
		background: #a2cf07;
		.px2rem(width,120);
		.px2rem(line-height,45);
		color: white;
		.px2rem(margin-right,20);
	}

}
.Photo-ttta{
	display: flex;
	justify-content:space-between;
	.px2rem(height,360);
	img{
		.px2rem(height,360);
		width: 49.5%;
	}
}
.Photo-tttb{
	display: flex;
	justify-content:space-between;
	img{
		.px2rem(height,235);
		width: 32.8%;
		.px2rem(padding-top,7);
	}
}
.photo-p{
	   .px2rem(margin-top,20);
	// .px2rem(line-height,45);
	p{
		width: 95%;
    	overflow: hidden;
    	display: -webkit-box;
    	-webkit-box-orient:vertical;
    	-webkit-line-clamp:3;	
    	.px2rem(height,120);
		text-indent: 2em;
		margin:0 auto;
    	a{
			color: #a2cf07;
		}
	}
	h2{
		.px2rem(height,50);
		.px2rem(width,222);
		.px2rem(line-height,50);
		text-align: center;
		border: 1px solid #000;
		.px2rem(margin-left,15);
		.px2rem(margin-top,40);
	}
	div{
		.px2rem(height,100);
		width: 93%;
		border: 1px solid #ccc;
		color: #ccc;
		margin: 0 auto;
		.px2rem(margin-top,40);
		.px2rem(line-height,100);
		.px2rem(padding-left,20);
	}
	
}
h5{
		.px2rem(height,22);
		background: #ccc;
		.px2rem(margin-top,30);
	}
	footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	.px2rem(height,120);
	background: #ffffff;
	dl{
		.px2rem(padding-top,20);
		width: 20%;
		float: left;
		dt{
			display: flex;
			justify-content: center;
			img{
				.px2rem(height,48);
				.px2rem(width,40);
			}
		}
		dd{
			display: flex;
			justify-content: center;
			.px2rem(padding-top,15);
		}
	}
}